// JavaScript Document
$(function(){
    // 轮播图部分

    // 自动轮播部分
   var num =0;

   function run(){
    
    if(num==10){
        num=0;
    }
    $(".im_list").eq(num).fadeIn("slow").siblings('.im_list').fadeOut("slow");
    $(".indexin_ul li").eq(num).css({background:"#6cc900"}).siblings(".indexin_ul li").css({background:"#222222"});
    num++;
   }
   timer = setInterval(run,2000);
   // 手动轮播

   $(".indexin_ul li").mouseover(function() {
       num = $(this).index();
       $(this).css({background:"#6cc900"}).siblings(".indexin_ul li").css({background:"#222222"});
       $(".im_list").eq(num).fadeIn("slow").siblings('.im_list').stop().fadeOut("slow");
   });

    $(".im_list").hover(function() {
        clearInterval(timer);
    }, function() {
        timer = setInterval(run,1000);
    });
    $(".indexin_ul li").hover(function() {
        clearInterval(timer);
    }, function() {
        timer = setInterval(run,1000);
    });




    
    // 导航条部分
    var hideTime = null;
    $(window).scroll(function(){
        var re = $(window).scrollTop();
        if(re>582){
           $(".head1").addClass("fix");
           $(".head1").fadeIn("slow");
           $("#guide").fadeIn("slow");
          clearTimeout(hideTime);
          hideTime = setTimeout(function(){
              $(".head1").stop().fadeOut("slow");
           },5000);
        }else{
            clearTimeout(hideTime);
           $(".head1").removeClass("fix");
           $("#guide").stop().fadeOut("slow");
        }
    });


    $('.head1').hover(function() {
      clearTimeout(hideTime);
    }, function() {
      hideTime = setTimeout(function(){
              $(".head1").stop().fadeOut("slow");
           },8000);
    });


    // 导航点击事件
    var c = 0;

    $('#guide').click(function(event){
      // 阻止事件流
      event.stopPropagation();

      if(c==0){
        $('#guide').css({background:"url(images/nav_high.png) no-repeat -1px -38px"}) 
       $('#guide .guide_list').css({display:"block"});
       c=1;
      }else{
         $('#guide').css({background:"url(images/nav_high.png) no-repeat"}) 
       $('#guide .guide_list').css({display:"none"});
       c=0;
      }
    });

    $('#guide .guide_list').click(function(event) {
      event.stopPropagation();
    });


    $(document).click(function(){

      $('#guide').css({background:"url(images/nav_high.png) no-repeat"}); 

      $('#guide .guide_list').css({display:"none"});

      c=0;

    })





    var hideTime2 = 0;

    $('#guide .guide_list').hover(function() {
        clearTimeout(hideTime2);
    }, function() {

      hideTime2 = setTimeout(function(){
              $("#guide .guide_list").fadeOut("slow");
              $('#guide').css({background:"url(images/nav_high.png) no-repeat"})
           },4000);
    });





  // 推广广告部分

  
      $('.addss_li li').mouseover(function(){
        var theIndex = $(this).index();
        var rights = $('.addss_li li:gt('+(theIndex+1)+')');
        var lefts = $('.addss_li li:lt('+theIndex+')');
        
        if(theIndex!==$('.addss_li li').length-1){
          rights.stop().animate({width:"0px"});
          lefts.stop().animate({width:"0px"});
          $(this).stop().animate({width:"900px"}).next().animate({width:"170px"});
        }else{
          // lefts = $('.addss_li li:lt('+(theIndex-1)+')');
        };
      });
       


      $('.addss_li').bind('mouseout',function(){
        $('.addss_li li').stop().animate({width:"170px"})
      })





      // 综艺节目部分的滚筒
      var nbs = 0;
      var nba = 0;
      $("#onclick .onclick_l").click(function(){
          if(nba ==1){
            return;
          }
          setTimeout(function(){
            nba = 0;
          },2000)
          nba = 1;
          nbs++;
          if(nbs==5){
            $(".roll_box .roll_ul").css({left:"0px"});
            nbs = 1;
          }
          var ls = nbs*(-380)
          $(".roll_box .roll_ul").animate({left:ls+"px"});
      })
      



      $("#onclick .onclick_r").click(function(){
          if(nba ==1){
            return;
          }
          setTimeout(function(){
            nba = 0;
          },2000)
          nba = 1;
          nbs--;
          if(nbs==-1){
            $(".roll_box .roll_ul").css({left:"-1520px"});
            nbs = 3;
          }
          var rs = nbs*(-380)
          $(".roll_box .roll_ul").animate({left:rs+"px"});
      })





































})




















